<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>谷食家</title>
<link rel="stylesheet" href="__PUBLIC__/css/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/global.css">
<script src="__PUBLIC__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/js/jquery.fullPage.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.flexslider-min.js"></script>
 <script>
$(function(){
	$('#dowebok').fullpage({
		setAllowScrolling: false,
		sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
		anchors: ['page1', 'page2', 'page3', 'page4','page5','page6','page7','page8','page9'],
		menu: '#menu'
	});
});
</script>
</head>

<body>
<div id="superContainer">
	<ul id="menu">
		<li data-menuanchor="page1" class="active"><a href="#page1">谷食生活</a></li>		
		<li data-menuanchor="page2" class=""><a href="#page2">食材标准</a></li>		
		<li data-menuanchor="page3" class=""><a href="#page3">生态农场</a></li>	
		<li data-menuanchor="page4" class=""><a href="#page4">膳食知道</a></li>
		<li data-menuanchor="page5" class=""><a href="#page5">关于我们</a></li>
		<li data-menuanchor="page6" class=""><a href="#page6">家选商场</a></li>
	</ul>
	<div id="dowebok">
		<!-- 谷食生活 -->
		<div class="section section-1">
			<div class="bg"><img src="__PUBLIC__/images/banner.jpg"/></div>
			<div class="header">
				<div class="logo fl" ><img src="__PUBLIC__/images/logo.png"></div>
				<div>打造首家从农场到家庭（F2F）的媒体电商平台</div>
			</div>
			<div class="v-word" id="biankuan"></div>
			<div class="section-1-content pns">
				<p class="headfoot">中食健能生态科技（北京）有限公司 2017</p>
			</div>
		</div>
		<!-- 食材标准 -->
		<div class="section section-2">
			<!-- <div class="bg"><img src="images/section-2.jpg" /></div> -->
			<div class="section-title black" style="height:7%;background:#fff;"></div>
			<div class="section-content clear-fix">
				<div class="section-two-left">
					<div class="title fr"><img src="__PUBLIC__/images/title.png" style="margin-top:20px;"></div>
					<div class="photo-container fl">
						<div class="item">
							<div class="item-title">
								<img src="__PUBLIC__/images/icon1.png" class="fl">
								<h1>地标食材</h1>
								<p>好鱼离不开好水，好食材也一定离不开好产地。</p>
							</div>
							<div class="item-cont">
								所有食材全部来自谷食家选倡导“循环生态”理念的自建农场或合作农场，确保农产品生产过程可控可追溯。
							</div>
						</div>
						<div class="item">
							<div class="item-title">
								<img src="__PUBLIC__/images/icon2.png" class="fl">
								<h1>农场直供</h1>
								<p>好食材的尊严，就是生产者的尊严</p>
							</div>
							<div class="item-cont">
								所有食材全部来自谷食家选倡导“循环生态”理念的自建农场或合作农场，确保农产品生产过程可控可追溯。
							</div>
						</div>
						<div class="item">
							<div class="item-title">
								<img src="__PUBLIC__/images/icon3.png" class="fl">
								<h1>营养师甄选</h1>
								<p>生活中不仅缺少好的食材，更缺发现好食材的眼睛</p>
							</div>
							<div class="item-cont">
								所有食材全部来自谷食家选倡导“循环生态”理念的自建农场或合作农场，确保农产品生产过程可控可追溯。
							</div>
						</div>
						<div class="item">
							<div class="item-title">
								<img src="__PUBLIC__/images/icon4.png" class="fl">
								<h1>环境友好</h1>
								<p>对环境友好，才能得到自然的馈赠</p>
							</div>
							<div class="item-cont">
								所有食材全部来自谷食家选倡导“循环生态”理念的自建农场或合作农场，确保农产品生产过程可控可追溯。
							</div>
						</div>
					</div>
					
				</div>
				<div class="section-two-right">
					<div class="photo-container">
						<img src="__PUBLIC__/images/rightimg.jpg">
					</div>
				</div>
			</div>
		</div>
		<!-- 生态农场 -->
		<div class="section section-3">
			<div class="section-3-contleft">
				<div class="pic"><img src="__PUBLIC__/images/icon14.png"></div>
				<div class="text clear-fix">
					<ul>
						<li><i></i>位于中华人民共和国地理标志农产品划分区内；</li>
						<li>单个农场面积100-1000亩之间的家庭农场；</li>
						<li>食材品质符合中国/欧盟有机食品标准；</li>
						<li>土壤有机质含量充分；</li>
						<li>食材成品无化学农药残留；</li>
						<li>作物成长过程施生物肥料。</li>
					</ul>
				</div>
			</div>
			<div class="section-3-contright fr">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="pic" style="background: url(__PUBLIC__/images/11.png) no-repeat;background-size:100% 100%;height:100%;">
							</div>
						</li>
						<li>
							<div class="pic" style="background: url(__PUBLIC__/images/11.png) no-repeat;background-size:100% 100%;height:100%;">
							</div>
						</li>
						<li>
							<div class="pic" style="background: url(__PUBLIC__/images/11.png) no-repeat;background-size:100% 100%;height:100%;">
							</div>
						</li>
						<li>
							<div class="pic" style="background: url(__PUBLIC__/images/11.png) no-repeat;background-size:100% 100%;height:100%;">
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 膳食知道 -->
		<div class="section section-4">
			<div class="bg"><img src="__PUBLIC__/images/3.png"></div>
			<div class="section-content">
				<div class="section-left">
					<!-- <h1>膳食理念媒体化</h1> -->
					<div class="section-wap">
						<h1><img src="__PUBLIC__/images/icon13.png"></h1>
						<ul class="clear-fix">
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/8.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/4.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/9.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/6.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/7.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
							<li>
								<a href="">
									<div class="pic" style="background:url(__PUBLIC__/images/5.png) #fff no-repeat;height:100%;background-position: center center;">
									</div>
									<div class="icons"><img src="__PUBLIC__/images/icon11.png"></div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="section-right">
					<img src="__PUBLIC__/images/weixin.png" class="wx">
					<p class="txt">谷食家选自媒体及合作媒体阅读量已达</p>
					<p><img src="__PUBLIC__/images/icon12.png"></p>
				</div>
			</div>
		</div>

		<!-- 关于我们 -->
		<div class="section section-5">
			<!-- <div class="fp-tableCell"> -->
				<div class="section-content">
					<div class="section-contleft fl">
						<div class="section-cont">
							<h1>
								<img src="__PUBLIC__/images/icon9.png" style="vertical-align: middle;">&nbsp;&nbsp;企业简介
							</h1>
							<span>About Us</span>
							<p>
							中食健能生态科技（北京）有限公司，是一家依托大型国有食品企业——中
							国食品工业集团，通过媒体电商形式为家庭提供健康食材选择的互联网企业
							。公司拥有立足于大农业领域的品牌“谷食家选”，及立足于大健康领域的
							品牌“中食健能”。<br/>
<br/>
							公司成立于2015年，由中国食品工业投资担保公司原高管团队发起，聚合了
							食品领域，媒体领域的资深运营团队。“谷食家选”依托自身组建的营养师
							顾问团队，致力于通过提供专业的营养知识，为消费者提供健康食材选择。<br/>
<br/>
							谷食家选主张“材自然，才健康”。秉承“原生态，少加工，无污染，无添加”
							的食材选择标准，旨在用最严格的标准，为您推荐我们眼中最值得信赖的绿色
							食材。<br/>
<br/>
							谷食家选创造性地采用了“农场对家庭”的产品供应模式，简化了食材流通，
							加工的流程，实现了农场生产的食材直接供给到家庭的“F2F”运营模式。<br/>
<br/>
							目前，公司正在积极筹建位于河南，河北，内蒙古等地的“谷食家选生态农
							场”。
							</p>
						</div>
						<div class="section-bottom">
							<div class="tab"><img src="__PUBLIC__/images/small_logo.png" style="position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 30%;"></div>
							<div class="tab">
								<ul>
									<li><img src="__PUBLIC__/images/2.png"></li>
									<li><img src="__PUBLIC__/images/2.png"></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="section-contright">
						<div class="pic"><img src="__PUBLIC__/images/1.png"></div>
						<div class="prs clear-fix section-text">
							<div style="width: 400px;
            height: 130px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left:-200px; 
            margin-top: -50px;font-size:28px;text-align:center;color:#000">
				<p style="color: #35912a;font-size:30px;">企业使命</p>
				<p><img src="__PUBLIC__/images/icon10.png" style="vertical-align:middle"></p>
				<p>为家庭提供可信赖的健康食材</p>
            </div>
						</div>
					</div>
				<!-- </div> -->
			</div>
		</div>

		<!-- 家选商场 -->
		<div class="section section-6">
			<!-- <div class="bg"><img src="__PUBLIC__/images/section6_bg.png"></div> -->
			<div class="section-content">
				<div class="about-weixin">
					<img src="__PUBLIC__/images/weixin.png">
					<p style="padding-top:20px">扫描二维码</p>
					<p>进入谷食家选商场</p>
				</div>
			</div>
			<div class="footer">
				<div class="footerleft fl">
					<h1>[ 合作机构 ]</h1>
					<div class="footerul">
						<ul>
							<li>中国营养学会</li>
							<li>首都营养与美食学会</li>
							<li>KONA 咖啡种植场（美国）</li>
							<li>Enschede 橡胶区（荷兰）</li>
							<li>朗格多克•鲁西荣葡萄酒区（法国）</li>
						</ul>
						<ul>
							<li>库赛克牧场（澳大利亚）</li>
							<li>Organic Consumers Association</li>
							<li>Aldergrove Agricultural Association</li>
							<li>Northeast Organic Association</li>
						</ul>
					</div>
				</div>
				<div class="footerright fr">
					<ul>
						<li><p><i class="ft-icon ft-icon1"><img src="__PUBLIC__/images/icon5.png"></i>中食健能生态科技（北京）有限公司</p></li>
						<li><p><i class="ft-icon ft-icon2"><img src="__PUBLIC__/images/icon6.png"></i>010-65938966</p></li>
						<li><p><i class="ft-icon ft-icon3"><img src="__PUBLIC__/images/icon7.png"></i>contact@gushijianxuan.com</p></li>
						<li><p><i class="ft-icon ft-icon4"><img src="__PUBLIC__/images/icon8.png"></i>北京市朝阳区朝阳北路199号摩玛大厦</p></li>
					</ul>
				</div>
			</div>
		</div>
		
	</div>
	
</div>


</body>
</html>
<script type="text/javascript">
$(function() {
	$big = $('.section-contright').height()
	$width = $('.section-contright .pic').height();
	$small = $big-$width;
	$('.section-contright .section-text').css('height',$small);
})
</script>
<script type="text/javascript">
$(document).ready(function(){
	$('.flexslider').flexslider({
		directionNav: false,
		pauseOnAction: false
	});
});
</script>